<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			div{
				width: 240px;
				height: 500px;
				border:1px ;
				border-style:solid ; 
				border-color:red;
				margin: 0 auto;
			    padding: 0px;
			   }	
			ul {
				list-style-type: none;
			   }
			a {
 	           color: #000000;
 	           text-decoration: none;
 	          }
			 a:hover{
 	                color: #f60;
 	                text-decoration: underline;
 	                }
			h1{
				text-indent: 1.5em;
				padding: 2px 5px;
 	
				background:url(img/title_icon.gif)1px  no-repeat ;
			}
			li{
				background:url(img/submenu.gif) no-repeat;
			}
			li {
				font-size:17px ;
				
			   }
		</style>
	</head>
	<body>
		<div>
			<h1><a href="#">课程导航</a></h1>
		
			<ul >
				<li><a href="#">ccp软件工程师</a></li><br />
			
				<li><a href="#">TEST软件测试工程师</a></li><br />
				<li><a href="#">ENET网络工程师</a></li><br />
				<li><a href="#">BNS网站工程师</a></li><br />
				<li><a href="#">ACCP启蒙星</a></li><br />
				<li><a href="#">ANDROID软件工程师</a></li><br />
				<li><a href="#">JAVA软见工程师</a></li><br />
				<li><a href="#">.NET软件工程师</a></li><br />
				<li><a href="#">网络销售</a></li><br />
			</ul>
			
		</div>
	<ol>

<li>qq</li> 
<li type="I">ww</li>
<li>ee</li>
<li>rr</li> </ol> 
		
		
		
		
	</body>
</html>
